<div class="owa_reportSectionContent">
	<div id="trend-chart" style="height:125px;width:auto;"></div>
	<div class="owa_reportHeadline" id="content-headline"></div>
	<div id="trend-metrics"></div>
</div>

<div class="clear"></div>
<BR>

<table style="width:100%;margin-top:;">
	<tr>
		<td valign="top" style="width:50%;">
		
		<div class="owa_reportSectionContent">
		
		
			<div class="owa_reportSectionContent" style="min-width:350px;">
				<div class="owa_reportSectionHeader">Products</div>
				
				<div id="top-products"></div>
				<div class="owa_genericHorizonalList owa_moreLinks">
					<UL>
						<LI>
							<a href="<?php echo $this->makeLink(array('do' => 'base.reportProducts'), true);?>">View Full Report &raquo;</a>	
						</LI>
					</UL>
				</div>
			</div>
			
		</td>
		
		<td valign="top" style="width:50%;">
			
			<div class="owa_reportSectionContent" style="min-width:350px;">
				<div class="owa_reportSectionHeader">Traffic Sources</div>
				<div id="top-sources"></div>
				<div class="owa_genericHorizonalList owa_moreLinks">
					<UL>
						<LI>
							<a href="<?php echo $this->makeLink(array('do' => 'base.reportSources'), true);?>">View Full Report &raquo;</a>	
						</LI>
					</UL>
				</div>
			</div>
			
		</td>
	</tr>
</table>

<script>
//OWA.setSetting('debug', true);

var aurl = '<?php echo $this->makeApiLink(array('do' => 'getResultSet', 
												'metrics' => 'visits,transactions,transactionRevenue,revenuePerVisit,revenuePerTransaction,ecommerceConversionRate', 
												'dimensions' => 'date', 
												'sort' => 'date',
												'format' => 'json',
												'constraints' => urlencode($this->substituteValue('siteId==%s,','siteId'))), true);?>';
												  
OWA.items.rsh = new OWA.resultSetExplorer('trend-chart');
OWA.items.rsh.options.metricBoxes.width = '125px';
OWA.items.rsh.asyncQueue.push(['makeAreaChart', [{x:'date',y:'transactions'}]]);
OWA.items.rsh.asyncQueue.push(['makeMetricBoxes', 'trend-metrics']);
OWA.items.rsh.asyncQueue.push(['renderTemplate','#headline-template', {data: OWA.items.rsh}, 'replace', 'content-headline']);
OWA.items.rsh.load(aurl);

var topproductsurl = '<?php echo $this->makeApiLink(array(
												'do' => 'getResultSet', 
												'metrics' => 'lineItemQuantity,lineItemRevenue', 
												'dimensions' => 'productName', 
												'sort' => 'lineItemRevenue-',
												'format' => 'json',
												'resultsPerPage' => 25,
												'constraints' => urlencode($this->substituteValue('siteId==%s,','siteId'))), true);?>';
												  
OWA.items.topproducts = new OWA.resultSetExplorer('top-products');
OWA.items.topproducts.addLinkToColumn('productName', '<?php echo $this->makeLink(array(
																		'do' => 'base.reportProductDetail', 
																		'productName' => '%s'
																	),true);?>', ['productName']);
OWA.items.topproducts.asyncQueue.push(['refreshGrid']);
OWA.items.topproducts.load(topproductsurl);

var topsourcesurl = '<?php echo $this->makeApiLink(array(
												'do' => 'getResultSet', 
												'metrics' => 'transactionRevenue', 
												'dimensions' => 'source,medium', 
												'sort' => 'transactionRevenue-',
												'format' => 'json',
												'resultsPerPage' => 25,
												'constraints' => urlencode($this->substituteValue('siteId==%s,','siteId'))), true);?>';
												  
OWA.items.topsources = new OWA.resultSetExplorer('top-sources');
OWA.items.topsources.addLinkToColumn('source', '<?php echo $this->makeLink(array(
																		'do' => 'base.reportSourceDetail', 
																		'source' => '%s'
																	),true);?>', ['source']);
OWA.items.topsources.asyncQueue.push(['refreshGrid']);
OWA.items.topsources.load(topsourcesurl);


</script>

<?php require_once('js_report_templates.php');?>

<script type="text/x-jqote-template" id="headline-template">
<![CDATA[
	There were <*= this.data.resultSet.aggregates.transactions.formatted_value *> <* if (this.data.resultSet.aggregates.transactions.value > 1) {this.label = 'transactions';} else {this.label = 'transaction';} *> <*= this.label *> generating <*= this.data.resultSet.aggregates.transactionRevenue.formatted_value *>.
]]> 
</script>

